"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6777],{96777:function(e,t,r){r.d(t,{Z:function(){return B}});var n=r(40037),i=r(67294),a=r(41120),o=r(44918),c=r(11163),l=r(68340),s=r(63328),u=r(2669),d=r(92809),p=r(25774),f=r(91164),m=r(85893),g=["children","value","index"];function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){(0,d.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=(0,a.Z)({root:{width:"100%"}}),v=function(e){var t=y(),r=e.children,n=e.value,i=e.index,a=(0,f.Z)(e,g);return(0,m.jsx)("div",h(h({role:"tabpanel",hidden:n!==i,id:"simple-tabpanel-".concat(i),"aria-labelledby":"simple-tab-".concat(i),className:t.root},a),{},{children:n===i&&(0,m.jsx)(m.Fragment,{children:r})}))},x=r(53691),j=r(48583),w=r(57821),O=r(41423),P=r(86010);function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var Z=(0,a.Z)((function(e){return{root:{background:e.palette.grey[50],minHeight:44,width:"fit-content",borderRadius:24},tabsRoot:{padding:4,minHeight:36},tabRoot:(0,d.Z)({padding:0,fontSize:"1.3rem",background:e.palette.grey[50],borderRadius:50,color:e.palette.gray[900],minWidth:61,minHeight:36,fontFamily:e.typography.fontFamilies.haedotum,fontWeight:400},e.breakpoints.up("lg"),{minWidth:67,minHeight:40,fontSize:"1.6rem"}),tabSelected:{background:e.palette.grey[50],color:e.palette.common.white},indicator:(0,d.Z)({padding:0,fontSize:"1.3rem",background:e.palette.primary[400],borderRadius:50,minWidth:61,minHeight:36},e.breakpoints.up("lg"),{minWidth:67,minHeight:40,fontSize:"1.6rem"}),wrapper:{lineHeight:"18.2px",width:"fit-content",zIndex:"1000 !important",transition:"color 0.5s ease"},noTransition:{transition:"all 0s ease !important"}}})),R=function(e){var t=e.tabLabels,r=e.value,n=e.onSelect,i=Z(),a=(0,j.Dv)(x.w);return(0,m.jsx)("div",{className:i.root,children:(0,m.jsx)(w.Z,{classes:{root:i.tabsRoot,indicator:(0,P.default)(i.indicator,a&&i.noTransition)},value:r,onChange:function(e,t){return n(t)},centered:!0,"aria-label":"home-category",children:t.map((function(e,t){return(0,m.jsx)(O.Z,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){(0,d.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({label:e,classes:{root:i.tabRoot,selected:i.tabSelected,wrapper:(0,P.default)(i.wrapper,a&&i.noTransition)}},{id:"nav-tab-".concat(r=t),"aria-controls":"nav-tabpanel-".concat(r)}),e);var r}))})})};R.defaultProps={tabLabels:[],value:null,onSelect:function(){}};var k=R,C=r(9038),I=r(282),N=r(85594),T=(0,a.Z)((function(e){return{categoryIcon:{width:function(e){return 5===e.itemsPerRow?44:56},height:function(e){return 5===e.itemsPerRow?44:56}},categoryTitle:(0,d.Z)({margin:"0 auto",maxWidth:function(e){var t=e.itemsPerRow;return 5===t?62:4===t&&80},minHeight:18,fontSize:"1.2rem",fontWeight:400,color:e.palette.gray[900],textAlign:"center"},e.breakpoints.up("lg"),{marginTop:10,fontSize:"1.4rem"}),catetorySubTitle:(0,d.Z)({minHeight:15,color:e.palette.gray[400],fontSize:"1.0rem",textAlign:"center"},e.breakpoints.up("lg"),{fontSize:"1.1rem"}),button:{width:"100%",padding:"6px 8px",textAlign:"left",borderRadius:12},buttonLabel:{display:"inline-flex",justifyContent:"start",fontSize:"1.3rem",fontWeight:400,color:e.palette.gray[600]},buttonActive:{background:e.palette.primary[25],"&:hover":{background:e.palette.primary[25]}},buttonActiveLabel:{color:e.palette.primary[400],fontWeight:"bold"}}})),F=function(e){var t,r=e.type,n=e.title,i=e.subTitle,a=e.iconSrc,o=e.active,c=e.itemsPerRow,l=T({itemsPerRow:c});return"icon"===r?(0,m.jsxs)("div",{children:[(0,m.jsx)(N.Z,{src:"".concat(a,"?version=231023"),alt:n,className:l.categoryIcon}),(0,m.jsx)("div",{className:l.categoryTitle,children:n}),(0,m.jsx)("div",{className:l.catetorySubTitle,children:i})]}):"text"===r?(0,m.jsxs)(I.Z,(t={disableRipple:!0,classes:{root:(0,P.default)(l.button,(0,d.Z)({},l.buttonActive,o)),label:(0,P.default)(l.buttonLabel,(0,d.Z)({},l.buttonActiveLabel,o))}},(0,d.Z)(t,"disableRipple",!0),(0,d.Z)(t,"children",[n,i&&"(".concat(i,")")]),t)):null};F.defaultProps={type:"text",title:"",subTitle:"",iconSrc:"",active:!1,itemsPerRow:null};var E=F,A=(0,a.Z)((function(e){return{list:(0,d.Z)({display:"flex",margin:0,padding:"12px 16px 16px",flexWrap:"wrap"},e.breakpoints.up("lg"),{justifyContent:"center",padding:"8px 0 0"}),listPerRowForFour:{padding:"20px 16px 16px"},listPerRowForFive:{padding:"10px 16px 0"},textList:{display:"grid",gridTemplateColumns:"repeat(3, 1fr)",gridGap:8},item:{margin:"2px 0px",display:"flex",flexDirection:"column",listStyle:"none",borderRadius:12,"&:focus, &:active":{backgroundColor:e.palette.gray[50]}},iconItem:(0,d.Z)({width:"20%",minHeight:84},e.breakpoints.up("lg"),{justifyContent:"center",width:110,minHeight:130,margin:"0 4px",padding:"16px 0 10px"}),iconItemPerRowForFour:{margin:"5px 0px",width:"25%",minHeight:92,borderRadius:16},link:{textDecoration:"none"}}})),D=function(e){var t,r=e.items,n=e.type,i=e.itemsPerRow,a=A({itemsPerRow:i});return(0,m.jsx)("ul",{className:(0,P.default)(a.list,(t={},(0,d.Z)(t,a.listPerRowForFour,4===i),(0,d.Z)(t,a.listPerRowForFive,5===i),(0,d.Z)(t,a.textList,"text"===n),t)),children:r.map((function(e){var t,r=e.title,o=e.imgSrc,c=e.subTitle,l=e.active,s=e.href;return(0,m.jsx)("li",{className:(0,P.default)(a.item,(t={},(0,d.Z)(t,a.iconItem,"icon"===n),(0,d.Z)(t,a.iconItemPerRowForFour,4===i),t)),children:(0,m.jsx)(C.Z,{href:s,children:(0,m.jsx)("a",{className:a.link,children:(0,m.jsx)(E,{type:n,title:r,subTitle:c,iconSrc:o,active:l,itemsPerRow:i})})})},r)}))})};D.defaultProps={items:[],type:"",itemsPerRow:null};var H=D,W=(0,a.Z)((function(e){return{root:(0,d.Z)({marginTop:12},e.breakpoints.up("lg"),{marginTop:40}),menu:{display:"flex",justifyContent:"center"},list:{display:"flex",justifyContent:"center",overflow:"hidden"}}})),L=function(e){var t=e.items,r=e.initialCategoryIdx,n=e.type,a=e.itemsPerRow,o=e.isSampleFeed,c=W({itemsPerRow:a}),l=function(e){return e.findIndex((function(e){return e.selectables.find((function(e){return e.active}))}))},s=(0,i.useState)(-1===r?l(t):r),u=s[0],d=s[1];(0,i.useEffect)((function(){var e=l(t);e>-1&&d(e)}),[t]);var f=t.map((function(e){return e.categoryName}));return 0===t.length?null:(0,m.jsxs)("div",{className:c.root,children:[!o&&(0,m.jsx)("div",{className:c.menu,children:(0,m.jsx)(k,{tabLabels:f,value:u,onSelect:function(e){d(e),p.t8({categoryPageTab:e,categoryPageTabRestore:!1})}})}),(0,m.jsx)("div",{className:c.list,children:t.map((function(e,t){var r=e.selectables;return(0,m.jsx)(v,{value:u,index:t,children:(0,m.jsx)(H,{items:r,type:n,itemsPerRow:a})},t)}))})]})};L.defaultProps={items:[],initialCategoryIdx:-1,type:"icon",itemsPerRow:null,isSampleFeed:!1};var z=L,_=r(58365),M=(0,a.Z)((function(e){var t;return{container:(t={overflow:"hidden"},(0,d.Z)(t,e.breakpoints.up("lg"),{marginTop:8,height:198}),(0,d.Z)(t,e.breakpoints.down("md"),{marginTop:30,height:230}),t),skeleton:{width:"100%",height:"100%"},menu:{width:230,height:40,margin:"auto"},items:{height:"100%",marginTop:20}}})),Y=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{classes:{}},t=e.classes,r=M();return(0,m.jsxs)("div",{className:(0,P.default)(r.container,t.container),children:[(0,m.jsx)("div",{className:r.menu,children:(0,m.jsx)(_.Z,{variant:"rect",className:(0,P.default)(r.skeleton,t.skeleton)})}),(0,m.jsx)("div",{className:r.items,children:(0,m.jsx)(_.Z,{variant:"rect",className:(0,P.default)(r.skeleton,t.skeleton)})})]})};Y.defaultProps={classes:{}};var Q=Y,U=(0,a.Z)({skeletonContainer:{marginTop:0,height:216}}),q=function(e){var t=e.data,r=e.type,a=e.categoryCodeSelected,d=e.searchOptionsSelected,p=e.brandsSelected,f=e.isSampleFeed,g=(0,c.useRouter)(),b=U(),h=(0,i.useMemo)((function(){var e=function(e,t){if("\uc0ac\ub8cc"===t){if(Array.isArray(e.searchOptionIds)&&e.searchOptionIds.length>0)return e.searchOptionIds.every((function(e){return d.find((function(t){return String(t)===String(e)}))}));if(a===s.Z.SARYO)return 0===d.length&&e.categoryCode===a}var r=a?a.slice(0,3):a;return e.categoryCode&&(e.categoryCode===a||e.categoryCode===r)},i=t[r]||[],c=f?i:i.filter((function(e){return e.categoryName!==u.EK}));return c?c.map((function(t){var r=t.selectables,i=t.categoryName,c=r.map((function(t){return function(t,r){var n=t.categoryCode,i=t.searchOptionIds,a=t.brandIds,c=t.title,l=t.type,s=t.subTitle,u=t.imgSrc,d=e({categoryCode:n,searchOptionIds:i,brandIds:a},r),p={};return"filter"===l&&(i&&i.length>0&&(p.productSearchOptionIds=i),a&&a.length>0&&(p.productBrandIds=a)),{title:c,subTitle:s,imgSrc:u,categoryCode:n,searchOptionIds:i||[],brandIds:a||[],href:"more"===l?o.Z.makeUrlWithQuery("/category",{categoryName:r}):"filter"===l?o.Z.makeUrlWithQuery("/category/".concat(n),p):null,active:d}}(t,i)}));if(a===(s.Z.SARYO||s.Z.SAMPLE_FEED)&&"\uc0ac\ub8cc"===i&&c.every((function(e){return!e.active}))){var l=c.findIndex((function(e){return e.categoryCode===(s.Z.SARYO||s.Z.SAMPLE_FEED)&&0===e.searchOptionIds.length}));l>-1&&(c[l].active=!0)}var u=(0,n.Z)(c),d=c.filter((function(e){return e.active}));if(d.length>1){var p=d.find((function(e){return e.categoryCode.length>3})),f=p?null===p||void 0===p?void 0:p.categoryCode:"";u=u.map((function(e){return e.active=!1,e.categoryCode===f&&(e.active=!0),e}))}return{categoryName:i,selectables:u}})):[]}),[t,r,a,d,p]),y=(0,i.useMemo)((function(){var e=-1;return r===l.E?e=h.findIndex((function(e){return e.categoryName===g.query.categoryName})):r===l.Z&&(e=h.findIndex((function(e){return e.selectables.find((function(e){return e.active}))}))),e=e>-1?e:0}),[r,h]),v=(0,i.useMemo)((function(){var e=null;return"main_mobile"===r?e=5:"category"===r&&(e=4),e}),[r]);return t?(0,m.jsx)(z,{type:r===l.Z?"text":"icon",itemsPerRow:v,items:h,initialCategoryIdx:f?0:y,isSampleFeed:f}):(0,m.jsx)(Q,{classes:{container:b.skeletonContainer}})};q.defaultProps={type:l.E,categoryCodeSelected:null,searchOptionsSelected:[],brandsSelected:[],data:{mainCategories:[]},isSampleFeed:!1};var B=q},68340:function(e,t,r){r.d(t,{E:function(){return n},Z:function(){return i}});var n="category",i="product_list"}}]);